import { defineConfig } from '@tarojs/cli';
import dayjs from 'dayjs';
import path from 'node:path';

// print taro env
console.log(
  Object.fromEntries(
    Object.keys(process.env)
      .filter(key => key.startsWith('TARO_'))
      .map(key => [key, process.env[key]])
  )
);

export default defineConfig({
  projectName: 'chip_weapp',
  designWidth: 750,
  deviceRatio: {
    640: 2.34 / 2,
    750: 1,
    828: 1.81 / 2,
  },
  sourceRoot: 'src',
  outputRoot: 'dist',
  defineConstants: {
    __BUILD_TIME__: `"${dayjs().format('YYYY年MM月DD日 HH时mm分ss秒')}"`,
    __DEV__: `${process.env.TARO_DEBUG_MODE}`,
  },
  alias: {
    '@/components': path.resolve(process.cwd(), 'src/components'),
    '@/utils': path.resolve(process.cwd(), 'src/utils'),
    '@/services': path.resolve(process.cwd(), 'src/services'),
    '@/assets': path.resolve(process.cwd(), 'src/assets'),
    '@/types': path.resolve(process.cwd(), 'src/types'),
    '@/constants': path.resolve(process.cwd(), 'src/constants'),
    '@': path.resolve(process.cwd(), 'src'),
  },
  framework: 'react',
  compiler: 'webpack5',
  cache: {
    enable: true, // Webpack 持久化缓存配置，建议开启。默认配置请参考：https://docs.taro.zone/docs/config-detail#cache
  },
  mini: {
    postcss: {
      pxtransform: {
        enable: true,
        config: {},
      },
      url: {
        enable: true,
        config: {
          limit: 1024, // 设定转换尺寸上限
        },
      },
      cssModules: {
        enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
        config: {
          namingPattern: 'module', // 转换模式，取值为 global/module
          generateScopedName: '[name]__[local]___[hash:base64:5]',
        },
      },
    },
  },
  h5: {
    publicPath: '/',
    staticDirectory: 'static',
    postcss: {
      autoprefixer: {
        enable: true,
        config: {},
      },
      cssModules: {
        enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
        config: {
          namingPattern: 'module', // 转换模式，取值为 global/module
          generateScopedName: '[name]__[local]___[hash:base64:5]',
        },
      },
    },
  },
  rn: {
    appName: 'taroDemo',
    postcss: {
      cssModules: {
        enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
      },
    },
  },
});
